<!-- 项目审定 -->
<!DOCTYPE html>
<html lang="en">

<head>
    <title>浙江省环保院</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="/assets/css/bootstrap.min.css" />
    <!-- 基础样式 -->
    <link rel="stylesheet" href="/assets/css/matrix-style.css" />
    <!-- 皮肤 -->
    <link rel="stylesheet" href="/assets/css/matrix-media.css" />
    <!-- 字体图标 -->
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_nmgh27o42027qfr.css" />
    <!-- css -->
    <link rel="stylesheet" href="/assets/css/undertake.css" />
</head>

<body>
    <!--Header-part-->
    <div id="header">
        <p class="header-text">浙江省环保院</p>
        <h1><a href="index.html">浙江省环保院</a></h1>
    </div>
    <!--close-Header-part-->
    <!--top-Header-menu-->
    <div id="user-nav" class="navbar navbar-inverse head-nav">
        <ul class="nav">
            <li class="dropdown" id="profile-messages">
                <a title="" href="#" data-toggle="dropdown" data-target="#profile-messages" class="dropdown-toggle">
                    <i class="iconfont icon-user"></i>
                    <span class="text">管理员</span><b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="#"><i class="icon-user"></i>个人设置</a></li>
                    <li class="divider"></li>
                    <li><a href="#"><i class="icon-user"></i>修改密码</a></li>
                    <li class="divider"></li>
                    <li><a href="#"><i class="icon-check"></i>切换账号</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <!--close-top-Header-menu-->
    <!--sidebar-menu-->
    <div id="sidebar">
        <ul>
            <li>
                <a href="#">
                    <i class="icon icon-home"></i>
                    <span>招投标管理</span>
                </a>
            </li>
            <li class="active">
                <a href="#">
                    <i class="icon icon-signal"></i>
                    <span>项目承接</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="icon icon-inbox"></i>
                    <span>项目编制</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="icon icon-th"></i>
                    <span>项目审定</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="icon icon-fullscreen"></i>
                    <span>项目盖章</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="icon icon-th-list"></i>
                    <span>项目归档</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="icon icon-tint"></i>
                    <span>财务管理</span>
                </a>
            </li>
        </ul>
    </div>
    <!--sidebar-menu-->
    <!--main-container-part-->
    <div id="content">
        <!--drop-down-group  -->
        <div class="drop-down-group clearfix">
            <div class="drop-down">
                <span>完成部门</span>
                <input type="text" name="" readonly value="总师办" class="drop-input">
                <span class="caret"></span>
            </div>
            <div class="drop-down">
                <span>人员</span>
                <input type="text" name="" readonly value="吕敏" class="drop-input">
                <span class="caret"></span>
            </div>
            <div class="drop-down">
                <span>年份</span>
                <input type="text" name="" readonly value="2016" class="drop-input">
                <span class="caret"></span>
            </div>
            <button class="btn btn-adv-query">高级查询</button>
        </div>
        <!-- end-drop-down-group -->
        <!-- table -->
        <div class="table-div-relative this-table">
            <div class="table-div">
                <table class="table">
                    <thead class="v-thead">
                        <tr>
                            <th class="operate-left">
                                <div class="checked">
                                    <input type="checkbox" class="check-input">
                                </div>
                            </th>
                            <th>项目登记日期</th>
                            <th>任务单编号</th>
                            <th>项目名称</th>
                            <th>项目类别</th>
                            <th>完成部门</th>
                            <th>项目编制人员</th>
                            <th>合同有无</th>
                            <th>合同归属</th>
                            <th>合同日期</th>
                            <th>项目经费</th>
                            <th>收款合计</th>
                            <th>发票合计</th>
                            <th>奖金合计</th>
                            <th>业务开支</th>
                            <th>外协费</th>
                            <th>盖章日期</th>
                            <th>归档状态</th>
                            <th>所属地区</th>
                            <th>建设单位</th>
                            <th class="operate">操作</th>
                        </tr>
                    </thead>
                    <tbody class="v-body">
                        <tr>
                            <th class="operate-left">
                                <div class="checked">
                                    <input type="checkbox" class="check-input">
                                </div>
                            </th>
                            <td>王某某</td>
                            <td>203459</td>
                            <td>高级工程师</td>
                            <td>工程师</td>
                            <td>王某某</td>
                            <td>203459</td>
                            <td>高级工程师</td>
                            <td>工程师</td>
                            <td>王某某</td>
                            <td>203459</td>
                            <td>高级工程师</td>
                            <td>工程师</td>
                            <td>203459</td>
                            <td>高级工程师</td>
                            <td>工程师</td>
                            <td>王某某</td>
                            <td>203459</td>
                            <td>高级工程师</td>
                            <td>工程师</td>
                            <th class="operate">
                                <button class="drop-left">操作>></button>
                                <div class="drop-left-menu">
                                    <li class="view-this-info">查看详情</li>
                                    <li class="view-auth-info">查看编制信息</li>
                                    <li class="trash-pro">废弃项目</li>
                                </div>
                            </th>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="paging">
                <button class="v-prev">上一页</button>
                <input type="hidden" name="" class="current-page" value="1">
                <button class="v-next">下一页</button>
            </div>
        </div>
        <!-- end-table -->
    </div>
    <!-- modal -->
    <!-- confirm-modal -->
    <div class="confirm-modal span5">
        <p class="confirm-text">是否确认删除?</p>
        <div class="clearfix">
            <input type="button" name="" value="确定" class="confirm-btn">
            <input type="button" name="" value="取消" class="confirm-cancel">
        </div>
    </div>
    <!-- End-confirm-modal -->
    <!-- info-modal -->
    <div class="info-modal widget-box span9">
        <div class="widget-title">
            <span class="icon iconfont icon-remove">
        </span>
            <h5>项目详情</h5>
        </div>
        <div class="widget-content clearfix">
            <div>
                <div class="info-control">
                    <span class="info-title">员工ID：</span>
                    <span class="info-text">2013456</span>
                </div>
                <div class="info-control">
                    <span class="info-title">姓名：</span>
                    <span class="info-text">吕敏</span>
                </div>
                <div class="info-control">
                    <span class="info-title">性别：</span>
                    <span class="info-text">女</span>
                </div>
                <div class="info-control">
                    <span class="info-title">年龄：</span>
                    <span class="info-text">21</span>
                </div>
                <div class="info-control">
                    <span class="info-title">电话：</span>
                    <span class="info-text">23045677</span>
                </div>
                <div class="info-control">
                    <span class="info-title">部门ID：</span>
                    <span class="info-text">23045677</span>
                </div>
                <div class="info-control">
                    <span class="info-title">出生年月：</span>
                    <span class="info-text">1974-07-27</span>
                </div>
                <div class="info-control">
                    <span class="info-title">创建时间：</span>
                    <span class="info-text">1974-07-27</span>
                </div>
            </div>
            <div class="pro-state clearfix">
                <div class="circle-state-div">
                    <div class="circle-state">1</div>
                    <div class="long-link"></div>
                    <p class="state-text">项目承接</p>
                    <p class="state-date">日期：2016-07-09</p>
                </div>
                <div class="circle-state-div">
                    <div class="circle-state">2</div>
                    <div class="long-link"></div>
                    <p class="state-text">项目承接</p>
                    <p class="state-date">日期：2016-07-09</p>
                </div>
                <div class="circle-state-div">
                    <div class="circle-state">3</div>
                    <div class="long-link"></div>
                    <p class="state-text">项目承接</p>
                    <p class="state-date">日期：2016-07-09</p>
                </div>
                <div class="long-upright"></div>
                <div class="circle-state-div">
                    <div class="circle-state">6</div>
                    <div class="long-link"></div>
                    <p class="state-text">项目承接</p>
                    <p class="state-date">日期：2016-07-09</p>
                </div>
                <div class="circle-state-div">
                    <div class="circle-state">5</div>
                    <div class="long-link"></div>
                    <p class="state-text">项目承接</p>
                    <p class="state-date">日期：2016-07-09</p>
                </div>
                <div class="circle-state-div">
                    <div class="circle-state">4</div>
                    <div class="long-link"></div>
                    <p class="state-text">项目承接</p>
                    <p class="state-date">日期：2016-07-09</p>
                </div>
            </div>
            <div class="btn-groups">
                <input type="button" name="" value="确定" class="btn btn-info">
            </div>
        </div>
    </div>
    <!-- End-info-modal -->
    
    <div class="alert-modal"></div>
    <div class="mask"></div>
    <!-- End-modal -->
    <!--Footer-part-->
    <div class="row-fluid">
        <div id="footer" class="span12"> 2016 &copy; 浙江省环保院 By <a href="http://themedesigner.in/">浙江工商大学</a> </div>
    </div>
    <!--end-Footer-part-->
    <script src="/assets/js/jquery-3.1.1.min.js"></script>
    <script src="/assets/js/handlebars.min.js"></script>
    <script src="/assets/js/bootstrap.min.js"></script>
    <script src="/assets/js/matrix.js"></script>
    <script src="/assets/js/authorize.js"></script>
    <script type="text/javascript">
    function goPage(newURL) {
        if (newURL != "") {
            if (newURL == "-") {
                resetMenu();
            } else {
                document.location.href = newURL;
            }
        }
    }

    function resetMenu() {
        document.gomenu.selector.selectedIndex = 2;
    }
    </script>
    <script id="th-template" type="text/x-handlebars-template">
        <tr>
            {{#each this}} {{#with view}} {{#if checked}}
            <th data-key="{{key}}" class="view-th">{{fieldname}}</th>
            {{/if}} {{/with}} {{/each}}
            <th class="operate">操作</th>
        </tr>
    </script>
</body>

</html>
